<template> 
  <Layout>
      <template v-slot:left>     
           <left-nva></left-nva>     
      </template>
      <template  v-slot:middle>
          <right-container>
          </right-container>
      </template>
  </Layout>

</template>

<script>
import Layout from "./components/Layout/layout.vue"
import LeftNva from "./components/home/leftNva.vue";
import RightContainer from "./components/home/rightContainer.vue";
import {onBeforeUpdate} from "vue"
import loading from "./utile/loading";

export default{
  components:{
    Layout,
    LeftNva,
    RightContainer
  },
  setup(){
    loading();//加载进度条
    onBeforeUpdate(()=>{
      console.log("更新");
      loading();
    })
  }
 
}
</script>



<style  >
  body,html{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: Helvetica Neue,Arial,Hiragino Sans GB,STHeiti,Microsoft YaHei;
    position: relative;
    background-color: #f9f9f9;
  }
  #app{
    height: 100%;
    width: 100%;
  }
::-webkit-scrollbar{
  width: 6px;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb{
  border-radius: 2px;
  background: #dddee0;
}
  
</style>
